<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript" src="<c:url value="/assets/js/ezops/collateralreport.js" />"></script>
<script type="text/javascript">
	$(document).ready(function(){
		 /**
         * To handle left menu toggle on page load
         */
    	$('#reports_li').addClass('root-level has-sub opened');
    	$('#reports_li_ul').toggle('click').addClass('visible');
    	$('#reports_li_ul').attr('style','');
        $('#reports_li_ul_li_' + 4).attr('style','font-weight: bold;');
	});
</script>
<div class="row">
	<div class="col-md-12">
		<div class="row">
			<div class="report-search">
				<div class="col-sm-6"></div>
				<div class="col-sm-6">
					<div class="row">
						<div class="col-sm-2"></div>
						<div class="col-sm-5">
							<label id="dateprint"> Reports as of : <span>${asofdate}</span></label>
							<!-- -------------------------- -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="row reports">
			<ul id="sortable">
				<li class="col-lg-4 col-sm-6 " onmousedown="suffleChktoggle(event)"
					onmouseup="suffleChktoggleUp(event)">
					<div id="MasterAggrementFinal">
						<div class="panel panel-default">
							<div class="panel-heading">
								<div class="panel-title">Master Agreement</div>
								<div class="panel-options">
									<%--  <a id="downloadbut" href="<c:url value='assets/sampledata/PositionbyCounterparty.csv' /> " type="button" class="bg"data-toggle="" data-placement="top" title="Download Report As Csv" data-original-title="" >
                                          <i class="entypo-download"></i>
                                    </a> --%>
									<div class="btn-group">
										<a class="btn btn-sm bg btn-white dropdown-toggle"
											data-toggle="dropdown"> <i class="entypo-download"></i>
										</a>
										<ul class="dropdown-menu" role="menu">
											<li class="divider"></li>
											<li><span class="badge"><b>Download As:</b></span></li>
											<ul>
												<li><a
													href="<c:url value="/getReports/downloadreportinxlsorpdf?downloadFileFormat=MasterAgreementReportExcel" />">Excel
												</a></li>
												<li><a
													href="<c:url value="/getReports/downloadreportinxlsorpdf?downloadFileFormat=MasterAgreementReportPdf" />">PDF
												</a></li>
											</ul>
										</ul>
									</div>
									<a data-target="#masterAggrementFinalModal" type="button"
										class="bg" data-toggle="modal" data-placement="top"
										title="View Detailed Report" data-original-title=""> <i
										class="entypo-doc-text-inv"></i>
									</a> <a href="#" data-rel="reload" class="bg"><i
										class="entypo-arrows-ccw"
										onclick="refreshPositionByCurrencyReport()"></i></a>
									<!-- Single button -->
									<div class="btn-group">
										<a class="btn btn-sm bg btn-white dropdown-toggle"
											data-toggle="dropdown"> <i class="entypo-cog"></i>
										</a>
										<ul class="dropdown-menu" role="menu">
											<li class="divider"></li>
											<li><a href="#"> <input type="checkbox">
													Allow auto refresh
											</a></li>
											<li><span class="badge"><b>Change chart view
														to:</b></span></li>
											<ul>
												<li><label><input id="master-chart-view1"
														name="master-chart-view" type="radio">Bar Chart</label></li>
												<!-- <li>
                                            <label><input id="poscurr-chart-view2" name="posprod-chart-view" type="radio">Line Chart</label>
                                        </li> -->
											</ul>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel-body">
								<div class="row">
									<div class="col-sm-12">
										<div id="masterAggrementFinalChart"
											style="min-width: 210px; width: 100%; height: 300px; margin: 0 auto"></div>
									</div>
								</div>
							</div>
						</div>
						<!-- /.panel -->
					</div>
				</li>

				<li class="col-lg-4 col-sm-6 " onmousedown="suffleChktoggle(event)"
					onmouseup="suffleChktoggleUp(event)">
					<div id="Counterparty">
						<div class="panel panel-default">
							<div class="panel-heading">
								<div class="panel-title">Collateral Overview</div>
								<div class="panel-options">
									<a id="downloadbut" href="../sampledata/CollateralOverview.csv"
										type="button" class="bg" data-toggle="" data-placement="top"
										title="Download Report As Csv" data-original-title=""> <i
										class="entypo-download"></i>
									</a> <a data-target="#CollateralOverviewModal" type="button"
										class="bg" data-toggle="modal" data-placement="top"
										title="View Detailed Report" data-original-title=""> <i
										class="entypo-doc-text-inv"></i>
									</a> <a href="#" data-rel="reload" class="bg"><i
										class="entypo-arrows-ccw"></i></a>
									<!-- Single button -->
									<div class="btn-group">
										<a class="btn btn-sm bg btn-white dropdown-toggle"
											data-toggle="dropdown"> <i class="entypo-cog"></i>
										</a>
										<ul class="dropdown-menu" role="menu">
											<li class="divider"></li>
											<li><a href="#"> <input type="checkbox">
													Allow auto refresh
											</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel-body">
								<div class="row">
									<div class="col-sm-12">
										<div id="containerpie3"
											style="min-width: 210px; width: 100%; height: 300px; margin: 0 auto"></div>
									</div>
								</div>
							</div>
						</div>
						<!-- /.panel -->
					</div>
				</li>
			</ul>
			<!--  closing ko for danny user -->
			<!--   <!--  PDF IMAGE -->
			<!-- /.panel -->
		</div>
	</div>
</div>